<style>
    #slider-1 {
        position:relative;
        width:546px; /* Change this to your images width */
        height:212px; /* Change this to your images height */
        background:url(<?=base_url()?>assets/img/nivoslider/loading.gif) no-repeat 50% 50%;
    }
    #slider-2 {
        position:relative;
        width:214px; /* Change this to your images width */
        height:136px; /* Change this to your images height */
        background:url(<?=base_url()?>assets/img/nivoslider/loading.gif) no-repeat 50% 50%;
        margin-top: 15px;
    }
    #slider-1 img, #slider-2 img {
        position:absolute;
        top:0px;
        left:0px;
        display:none;
    }
    #slider-1 a {
        border:0;
        display:block;
    }
    #cruisehandling #sidebar .aftersidebar {
    }
</style>

<div class="frame" style="height: 640px;">

    <div class="inframe" style="padding: 0px 0 12px; height: 640px;">
        <div id="slider-1">
            <img src="<?=base_url()?>assets/img/site/<?=$page;?>/front-1.jpg" alt="Picture">
            <img src="<?=base_url()?>assets/img/site/<?=$page;?>/front-2.jpg" alt="Picture">
        </div>

        <div class="text">
            <div class="right">
                <img src="<?=base_url()?>assets/img/site/<?=$page;?>/bay-of-kotor.jpg" alt="Picture">
                <div id="slider-2">
                    <img src="<?=base_url()?>assets/img/site/<?=$page;?>/side-2.jpg" alt="Picture">
                    <img src="<?=base_url()?>assets/img/site/<?=$page;?>/side-1.jpg" alt="Picture">
                </div>

            </div>
            <div class="left" style="width: 316px;">
                <p>Port of Kotor is situated at the southeast of the Adriatic Sea, at the end of the Bay of Kotor in direct contact with the urban nucleus of the old town of Kotor.</p>
                <p>The Bay of Kotor, the only fiord in the Mediterranean, has favorable geographic position, beautiful relief, rich cultural and historical heritage as well as pleasant meteorological maritime-technical conditions.</p>
                <p>Port of Kotor has been significantly positioned on cruising maps for several years now. The number of leading world cruising companies visiting Montenegro is increasing continuously. As one of most reliable and best experienced destination management companies, in handling of cruisers, we provide the following:</p>
                <ul>
                    <li>Quality onshore services.</li>
                    <li>Dedicated staff and expertly-trained guides. </li>
                    <li>Carefully designed excursions and transportation with modern, air-conditioned coaches.</li>
                    <li>Permanent Adria DMC assistance.</li>
                    <li>Hotel reservations of pre- and post-cruise packages in Montenegro and neighboring countries. </li>
                </ul>
            </div>
            <p class="clear" style="padding: 0;"></p>
        </div>        
    </div>   

</div>                        

<script type="text/javascript">
    $(window).load(function() {

        for(i=1;i<=2;i++){ 
            $('#slider-'+i).nivoSlider({
                effect:'fade', //Specify sets like: 'random,fold,fade,sliceDown'
                slices:1,
                animSpeed:500, //Slide transition speed
                pauseTime:7000,
                captionOpacity:0.8, //Universal caption opacity 
                pauseOnHover:false,
                directionNav:false, //Next & Prev
                controlNav:false //1,2,3...
            });
        }          

    });                           
</script>